* {
  max-width: 100%;
}
body {
  font-size: 22px;
  font-family: 'Open Sans', 'Droid Sans', 'Source Sans Pro', 'Helvetica Neue', 'Segoe UI', Verdana, Tahoma, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}
ol {
  padding-left: 1.5rem;
}
ul {
  list-style-type: none;
}
a {
  text-decoration: none;
  color: #000;
  transition: color 0.2s ease-in 0s;
}
a:hover {
  color: #6495ed;
}
.highlight {
  background: #2d2d2d;
  border-style: solid;
  border-width: 1px 0;
  overflow: auto;
  color: #ccc;
  padding: 0.5rem;
  vertical-align: baseline;
/*line-height font-size * line-height*/
}
.highlight .gutter pre,
.gist .gist-file .gist-data .line-numbers {
  color: #666;
}
.highlight .line {
  height: 1.5rem;
  font-family: 'Source Code Pro', 'DejaVu Sans Mono', 'Droid Sans Mono', Menlo, Consolas, Monaco, 'Lucida Console', 'Courier', monoscape;
}
.highlight pre {
  border: none;
  margin: 0;
  padding: 0;
}
.highlight table {
  margin: 0;
  width: auto;
}
.highlight td {
  border: none;
  padding: 0;
}
.highlight figcaption {
  font-size: 0.85em;
  color: #999;
  line-height: 1em;
  margin-bottom: 1em;
}
.highlight figcaption a {
  float: right;
}
.highlight .gutter pre {
  text-align: right;
  padding-right: 1rem;
/*height font-size * line-height*/
}
.gist {
  border-style: solid;
  border-width: 1px 0;
  background: #2d2d2d;
}
.gist .gist-file {
  border: none;
  margin: 0;
}
.gist .gist-file .gist-data {
  background: none;
  border: none;
}
.gist .gist-file .gist-data .line-numbers {
  background: none;
  border: none;
  padding: 0 20px 0 0;
}
.gist .gist-file .gist-data .line-data {
  padding: 0 !important;
}
.gist .gist-file .highlight {
  margin: 0;
  padding: 0;
  border: none;
}
.gist .gist-file .gist-meta {
  background: #2d2d2d;
  color: #999;
  text-shadow: 0 0;
  padding: 0;
  margin-top: 1em;
}
.gist .gist-file .gist-meta a {
  font-weight: normal;
}
.gist .gist-file .gist-meta ahover {
  text-decoration: underline;
}
pre .comment,
pre .title {
  color: #999;
}
pre .variable,
pre .attribute,
pre .tag,
pre .regexp,
pre .ruby .constant,
pre .xml .tag .title,
pre .xml .pi,
pre .xml .doctype,
pre .html .doctype,
pre .css .id,
pre .css .class,
pre .css .pseudo {
  color: #f2777a;
}
pre .number,
pre .preprocessor,
pre .built_in,
pre .literal,
pre .params,
pre .constant {
  color: #f99157;
}
pre .class,
pre .ruby .class .title,
pre .css .rules .attribute {
  color: #9c9;
}
pre .string,
pre .value,
pre .inheritance,
pre .header,
pre .ruby .symbol,
pre .xml .cdata {
  color: #9c9;
}
pre .css .hexcolor {
  color: #6cc;
}
pre .function,
pre .python .decorator,
pre .python .title,
pre .ruby .function .title,
pre .ruby .title .keyword,
pre .perl .sub,
pre .javascript .title,
pre .coffeescript .title {
  color: #69c;
}
pre .keyword,
pre .javascript .function {
  color: #c9c;
}
#container {
  margin: auto;
  width: 60%;
  min-width: 18rem;
}
#banner {
  overflow: auto;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#banner #site-title,
#banner #site-subtitle {
  display: inline-block;
  vertical-align: middle;
}
#banner #site-title {
  font-size: 2.5em;
  font-weight: 700;
  margin-right: 1.5em;
}
#banner #site-subtitle {
  padding-left: 1em;
/*border-left thin solid dimgray*/
  font-size: small;
}
#content {
  text-autospace: ideograph-alpha;
}
#content .meta .article-title {
  font-family: 'Open Sans', 'Droid Sans', 'Source Sans Pro', 'Helvetica Neue', 'Segoe UI', Verdana, Tahoma, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0;
}
#content .meta .article-date {
  color: #a9a9a9;
}
#content .extra {
  float: right;
  padding-left: 0.5rem;
  display: none;
}
#content .abstract-list,
#content .excerpt,
#content .archive-list {
  padding: 0;
  color: #696969;
}
#content #more {
  display: none;
}
#content .article-content {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  line-height: 1.5;
  padding-top: 0.5rem;
}
#content .article-content h2 {
  font-weight: lighter;
  font-size: 1.3em;
}
#content .article-content h3 {
  font-weight: lighter;
  font-size: 1.15em;
}
#content .article-content a {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  color: #495a80;
}
#content .article-content a:hover {
  color: #6495ed;
}
#content .article-content a img {
  margin-left: -0.3rem;
}
#content .article-content p {
  font-weight: normal;
}
#content .article-content blockquote {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  margin: 0.5rem 2rem;
  padding-left: 2rem;
  color: #696969;
  position: relative;
  display: block;
}
#content .article-content blockquote footer {
  font-style: italic;
  color: #a9a9a9;
  font-size: 0.8em;
  margin-top: 0.5rem;
  display: block;
}
#content .article-content blockquote footer cite {
  margin-left: 0.5em;
}
#content .article-content blockquote footer:before {
  content: '-';
}
#content .article-content blockquote:before {
  display: block;
  content: open-quote;
  font-size: 5em;
  position: absolute;
  left: -1rem;
  top: -1rem;
  color: #7a7a7a;
}
#content .article-content ol {
  padding-left: 1.5rem;
  list-style-type: decimal-leading-zero;
}
#content .article-content ul {
  list-style-type: disc;
}
#content figure.highlight {
  margin-right: 0;
  margin-left: 0;
}
#content nav {
  clear: both;
  font-weight: lighter;
  text-align: center;
}
#content nav #left-navigator {
  max-width: 40%;
  float: left;
}
#content nav #right-navigator {
  max-width: 40%;
  float: right;
}
#footer {
  padding-top: 3rem;
}
#footer-links {
  padding-left: 0.5rem;
  margin-top: 0;
  clear: right;
  overflow: auto;
  list-style-type: none;
  float: right;
}
#footer-links ul {
  list-style-type: none;
}
#footer-links li {
  float: left;
  margin-left: 1rem;
}
#footer-links a {
  display: inline-block;
}
#footer-links .zh {
  word-break-cjk: break-word;
  width: 1rem;
  letter-spacing: 1rem;
}
#search {
  float: left;
  width: 8em;
  display: inline-block;
  padding-right: 1em;
}
#search-input {
  padding-left: 0.3em;
  width: 6em;
  height: 1em;
  display: inline;
  border: none;
}
#search-input.hidden {
  display: none;
}
